/** IMPORTS **************************************/
@import url('https://fonts.googleapis.com/css?family=Anonymous+Pro');

/** PAGE ELEMENTS *************************************/

body {
	background: #000 url('img/bg_digimon.jpg') center/cover no-repeat fixed;
	color: white;
	font-family: 'Anonymous Pro', monospace;
	font-size: 16px;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

a {
	color: #7b2131;
	text-shadow: -1px -1px 0 #4a0818, 1px -1px 0 #4a0818, -1px 1px 0 #4a0818, 1px 1px 0 #4a0818;
	text-decoration: none;
}

a:hover {
    transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}

a:hover, h1, h2, .title {
	color: #f78c4a;
	text-shadow: -1px -1px 0 #bd5221, 1px -1px 0 #bd5221, -1px 1px 0 #bd5221, 1px 1px 0 #bd5221;
}

h1, .title {font-size: 125%;}

h1 {padding: 1em;}

h1, h2, .title {
	background-color: rgba(255, 250, 250, 0.1);
    border-radius: 10px;
	text-align: center;
	text-transform: lowercase;
}

h2 {
    font-size: 110%;
    padding: 0.5em;
}


/** PAGE COMPONENTS **************************************/

.container {
	margin: auto;
	max-width: 1000px;
}

.content {
	background-color: rgba(0,0,0,0.9);
    border-radius: 10px;
    margin-top: 1em;
	padding: 1em;
}

.title {
	background: url('img/banner_luce.jpg') no-repeat left center/cover;
    background-color: #1a1919;
	font-size: 250%;
    margin: auto;
	min-height: 200px;
}

.navigation {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.navigation a {
	background-color: rgba(0,0,0,0.9);
	border: 1px dashed;
	border-color: #fff;
	font-size: 125%;
	margin: 5px;
	padding: 10px;
	text-align: center;
}

.strike {text-decoration:  line-through;}